<template>
  <div>父组件</div>
  <h2>{{ fatherMoney }}</h2>
  <hr />
  <HmSon :money="fatherMoney" @setMoney="setMoney"></HmSon>
</template>
<script setup>
import { ref } from 'vue'
import HmSon from './components/HmSon.vue'
/*
defineExpose   defintProps与defineEmits  不需要导入可直接使用
vue2:props与emit父子组件传值
vue3:defintProps与defineEmits
  用法
     父传子
        <子组件标签 :属性名=值  />
        子组件内
        const props= defintProps({
            属性名:{
              type:类型,
              required:是否必传,
              default:
                  基本数据类型：直接写
                  复杂数据类型:()=>复杂数据
              validator:(value)=>{
                return boolean值
                  true:验证通过
                  false:验证失败
              }
            }
           })

           html:属性名
           js:props.属性名

     子传父
       <子组件标签  @方法名='父组件方法'  />
       const emits=defineEmits(['方法名'])
       emits('方法名'，实参)  
       
       
 父子传值
   <子组件标签 :属性名="父组件属性" @方法名="父组件方法"  />
   子组件内
     const props= defineProps({
       属性名:{
          type...
       }
     })
     访问：html:属性名   js:props.属性名

     const emits=defineEmits(['方法名'])
     emits('方法名',实参值)


*/
const fatherMoney = ref(999)
const setMoney = num => {
  fatherMoney.value = fatherMoney.value - num
}
</script>
